import { Navigate } from 'react-router-dom';
import useAuthStore from '../store/authStore';

interface ProtectedRouteProps {
  children: React.ReactNode;
}

const ProtectedRoute = ({ children }: ProtectedRouteProps) => {
  const { token } = useAuthStore();

  if (!token) {
    // 如果用户未登录（没有 token），则重定向到登录页面
    return <Navigate to="/login" replace />;
  }

  // 如果用户已登录，则渲染子组件（即受保护的页面）
  return <>{children}</>;
};

export default ProtectedRoute;